<template>
  <div class="more-con">
    <router-link :to="`/${type}`">更多{{word}}产品 <svg t="1651821937867" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2711" width="20" height="20">
        <path d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z" p-id="2712" fill="#929292"></path>
      </svg>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'MoreProduct',
  props: ['type', 'word']
}
</script>

<style lang="less" scoped>
.more-con {
  width: 720px;
  height: 100px;
  margin: 0 auto;
  border-top: 2px solid rgb(206, 206, 206);
  text-align: center;
  line-height: 100px;
  font-size: 28px;
  a {
    display: block;
    width: 100%;
    height: 100%;
  }
  svg {
    vertical-align: middle;
  }
}
</style>
